﻿<div class="content-wrap">
    <div class="content" style="padding-top: 20px;">
        <div class="sidebar">
            <div class="home-blue-title">
                Did you know?
            </div>
            <div class="home-blue-title-mobile">
                Did you know?
            </div>
            <div class="home-left-text">
                You can create a portfolio from your filter results in the Screening Tool.
            </div>
            <div class="home-left-text-mobile">
                You can create a portfolio from your filter results in the Screening Tool.
            </div>
        </div>
        <div class="main-col">
            <div sustainalytics-navigation-menu navigation-menu-templateurl="/Views/Menu/CategoryMenu.html" navigation-menu-sitemap="CAT"></div>
            <div class="main-col-listing">
                <div class="title-border">Top 20 Active Reports</div>
                <div id="mostRecentActivityContainer" class="scroll-container" sustainalytics-pager-scroll pager-scroll-skip="mar.skip" pager-scroll-take="mar.take">
                    <div class="table">
                        <div class="table-row">
                            <div class="table-head" style="width: 470px;"><strong>Company Name</strong></div>
                            <div class="table-head center-align"><strong>Ticker</strong></div>
                        </div>
                        <div class="{{$index % 2==1 ? 'table-row odd': 'table-row'}}" ng-repeat="report in mar.reports">
                            <div class="table-cell" style="width: 470px;">
                                <div style="float: left; margin-right: 3px;">{{$index + 1}}. </div>
                                <a href="" ng-click="mar.goToCompanyPage(report)" ng-class="{ disabled: !report.inUniverse }" style="float: left; white-space: nowrap; overflow: hidden; display: inline-block; max-width: 370px; text-overflow: ellipsis; cursor: pointer;" title="{{report.companyName}}">{{report.companyName}}</a>
                            </div>
                            <div class="table-cell center-align">{{mar.getReportMainTicker(report)}}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear">&nbsp;</div>
        </div>
        </div>
    </div>
</div>